<!--<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common-material.min.css" />-->
<!--<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.material.min.css"  />-->
<div [@flyIn]="'active'">

  <div class="wrapper-sm">
    <div class="panel panel-default" style="margin-bottom:-5px;border-radius:5px">
      <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >
        <div class="m-t-xs m-t-sm">
          <span>系统管理</span>
          <i class="fa fa-angle-right"></i>
          <span>角色管理 </span>
          <i class="fa fa-angle-right"></i>
          <span>角色-权限关联</span>
        </div>
      </div>
    </div>
  </div>

  <div class="wrapper-sm">
    <div class="panel panel-default" style="border-radius:5px">

      <div class="panel-heading ">
        关联权限
      </div>
      <div class="panel-body" style="padding: 0px;">

        <div class="demo-section k-content">
          <div>
            <div id="treeview"></div>
          </div>
        </div>

      </div>
      <div>
        <button (click)="save()" class="btn btn-primary btn-sm" style="margin-left: 20px;margin-bottom: 10px">&nbsp;&nbsp;确&nbsp;&nbsp;定&nbsp;&nbsp;</button>
        <a [routerLink]="['../../../role']" class="btn btn-danger btn-sm" style="margin-bottom: 10px">&nbsp;&nbsp;取&nbsp;&nbsp;消&nbsp;&nbsp;</a>
      </div>

    </div>
  </div>

</div>
